<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DSR外综服务中心</title>
    <link rel="stylesheet" href="css.css">

</head>
<body>
<div class="border_all">
    <form action="" id="form">
        <div class="border_all_first">
            <h1 style="text-align:center">选择自动化流程</h1>
            <!--    <div>-->
            <!--        <ul style="text-align:center">-->
            <!--            <li>-->
            <!--                <a href="">单业务流程</a>&nbsp;&nbsp;&nbsp;&nbsp;-->
            <!--                <a href="">全业务流程</a>-->
            <!--            </li>-->
            <!--        </ul>-->
            <!--    </div>-->
            <div class="border_all_two">
                <ul>
                    <li>
                        <br>
                        <P>选择出口商类型</P>
                        <input type="radio" value="出口商出口" name="exporter_type" checked="checked">出口商出口&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" value="采购出口" name="exporter_type">采购商出口&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" class="exporter_input" id="exporter_name"
                               placeholder="输入出口商/采购商名称">
                    </li>
                    <li>
                        <p>选择出口类型</p>
                        <input type="radio" value="采购出口" name="outlet_type" checked="checked">采购出口&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" value="外宗出口" name="outlet_type">外综出口
                    </li>
                    <li>
                        <p>是否订购拖车</p>
                        <input type="radio" value="是" name="order_car" checked="checked">订拖车&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" value="否" name="order_car">不订拖车
                    </li>
                    <li>
                        <p>选择报关行</p>
                        <input type="radio" value="广东新安怀科技发展有限公司" name="customs_brokers" checked="checked">广东新安怀科技发展有限公司&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" value="其他报关公司" name="customs_brokers">其他报关公司
                    </li>
                </ul>
            </div>
            <div style="text-align:center">
                <br>
                <input type="button" class="button_confire" value="提交" onclick="logSubmit()" abled="false">
            </div>
        </div>
    </form>
</div>

<script>
    function logSubmit(){
    const exporter_type = document.querySelector('input[name="exporter_type"]:checked');
    console.log("出口企业类型："+exporter_type.value);
    const exporter_name = document.querySelector('input[id="exporter_name"]');
    console.log("名称："+exporter_name.value);
    const outlet_type = document.querySelector('input[name="outlet_type"]:checked');
    console.log("出口类型："+outlet_type.value);
    const order_car = document.querySelector('input[name="order_car"]:checked');
    console.log("是否订购拖车："+order_car.value);
    const customs_brokers = document.querySelector('input[name="customs_brokers"]:checked');
    console.log("报关行："+customs_brokers.value);
    if(exporter_name.value==""){
    alert("出口商/采购商名称不能为空！");
    return false;
    }
    else{
   document.querySelector('input[value="提交"]').setAttribute('abled','true');
   console.log(document.querySelector('input[value="提交"]').getAttribute('abled'))
    return true;
    }
    }
</script>
</body>
</html>